<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>绵阳启正软件测试比赛</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<base href="${pageContext.request.contextPath}/">
<!-- Favicons -->
<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->
<link
	href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700"
	rel="stylesheet">

<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css"
	rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<!-- Main Stylesheet File -->
<link href="css/style1.css" rel="stylesheet">


</head>

<body>

	<jsp:include page="aboutpage.jsp" flush="true" />
	<main id="main"> <!--==========================
      Contact Section
    ============================-->
	<section id="contact" class="section-bg wow fadeInUp">
		<div class="container">

			<div class="section-header">
				<h3>参加大赛</h3>
				<p>请在下面输入相关信息报名参加大赛</p>
			</div>
			<div  class="text-center">
				<font style="color: red;">${succesfulmsg }</font>
			</div>
			<div class="form">
				<form name="formReginster"  role="form"  method="post" action="dms.web/reginster" >

					<div class="form-row">
						<div class="form-group col-md-6">
							<input name="username" type="text" id="username" class="form-control"  data-rule="minlen:4" data-msg="Please enter at least 4 chars"
								placeholder="请输入姓名" required="required" />
							</td>
						</div>

						<input type="hidden" name="password" value="123456"
							tyle="width:200px; height:40px;" placeholder="密码" />


						<div class="form-group col-md-6">
							<input name="email" class="form-control" placeholder="请输入邮箱"
								id="email" type="email" />
						</div>
						<div class="form-group col-md-6">
							<input name="professional" class="form-control"
								tyle="width:200px; height:40px;" placeholder="专业" type="text" />
						</div>

						<div class="form-group col-md-6">
							<input name="teacher" class="form-control"
								tyle="width:200px; height:40px;" placeholder="指导老师" type="text" />
						</div>
  						<!--  
						<div class="form-group col-md-6">
							<select id="team_id" class="form-control" name="team_id"
								style="width: 180px">

								<option value=1>软件测试</option>

							</select>
						</div>
						-->
						
						<input name="score" type="hidden" value=0 />

						<div  class="text-center">
							<button id="send" type="submit">确认参加</button>
						</div>
						
				</form>
			</div>
		</div>
	</section>


	<!--==========================
      Contact Section
    ============================-->
	<section id="contact" class="section-bg wow fadeInUp">
		<div class="container">

			<div class="section-header">
				<h3>联系我们</h3>
			</div>

			<div class="row contact-info">

				<div class="col-md-4">
					<div class="contact-address">
						<i class="ion-ios-location-outline"></i>
						<h3>Address</h3>
						<address>西南科技大学东九B209</address>
					</div>
				</div>

				<div class="col-md-4">
					<div class="contact-phone">
						<i class="ion-ios-telephone-outline"></i>
						<h3>Phone Number</h3>
						<p>
							<a href="tel:+155895548855">+86 18681660783</a>
						</p>
					</div>
				</div>

				<div class="col-md-4">
					<div class="contact-email">
						<i class="ion-ios-email-outline"></i>
						<h3>Email</h3>
						<p>
							<a href="mailto:info@example.com">2725144703@qq.com</a>
						</p>
					</div>
				</div>

			</div>



		</div>
	</section>
	<!-- #contact --> </main>

	  <!--==========================
    Footer
  ============================-->
  <footer id="footer">
    

    <div class="container">
      <div class="copyright">
        &copy; Copyright <strong>MYQZ</strong>. All Rights Reserved
      </div>
      <div class="credits">
       
       
       西南科技大学绵阳启正软件测试公司对本届大赛的所有活动安排有最终解释权
      </div>
    </div>
  </footer><!-- #footer -->


<script type="text/javascript">
		$(document)
				.ready(
						function() {
							//为表单的必填文本框添加提示信息（选择form中的所有后代input元素）
							$("form :input.required")
									.each(
											function() {
												//创建元素
												var $required = $("<strong class='high'>*</strong>");
												//将它追加到文档中
												$(this).parent().append(
														$required);
											});

							//为表单的必填文本框添加相关事件（blur、focus、keyup）
							$("form :input")
									.blur(
											function() {
												//注意：这里的this是DOM对象，$(this)才是jQuery对象
												var $parent = $(this).parent();
												//删除之前的错误提醒信息
												$parent.find(".msg").remove();

												//验证“名称”
												if ($(this).is("#name")) {
													//运用jQuery中的$.trim()方法，去掉首位空格
													if ($.trim(this.value) == ""
															|| $
																	.trim(this.value).length < 2
															|| $
																	.trim(this.value).length > 6) {
														var errorMsg = " 请输入2~6位的名称！";

														$parent
																.append("<span class='msg onError'>"
																		+ errorMsg
																		+ "</span>");
													}

												}

												//验证邮箱
												if ($(this).is("#email")) {
													if ($.trim(this.value) == ""
															|| ($
																	.trim(this.value) != "" && !/.+@.+\.[a-zA-Z]{2,4}$/
																	.test($
																			.trim(this.value)))) {
														var errorMsg = "请输入正确的E-Mail！";
														$parent
																.append("<span class='msg onError'>"
																		+ errorMsg
																		+ "</span>");
													} else {
														/*  var okMsg=" 输入正确";
														 $parent.find(".high").remove();
														 $parent.append("<span class='msg onSuccess'>" + okMsg + "</span>"); */
													}
												}
											}).keyup(function() {
										//triggerHandler 防止事件执行完后，浏览器自动为标签获得焦点
										$(this).triggerHandler("blur");
									}).focus(function() {
										$(this).triggerHandler("blur");
									});
							//点击重置按钮时，触发文本框的失去焦点事件
							$("#send").click(function() {
								//trigger 事件执行完后，浏览器会为submit按钮获得焦点
								$("form .required:button").trigger("blur");
								var numError = $("form .onError").length;
								if (numError) {
									return false;
								}
							});
						});
	</script>

	<!-- JavaScript Libraries -->
	<script src="lib/jquery/jquery.min.js"></script>
	<script src="lib/jquery/jquery-migrate.min.js"></script>
	<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
	<script src="lib/easing/easing.min.js"></script>
	<script src="lib/superfish/hoverIntent.js"></script>
	<script src="lib/superfish/superfish.min.js"></script>
	<script src="lib/wow/wow.min.js"></script>
	<script src="lib/waypoints/waypoints.min.js"></script>
	<script src="lib/counterup/counterup.min.js"></script>
	<script src="lib/owlcarousel/owl.carousel.min.js"></script>
	<script src="lib/isotope/isotope.pkgd.min.js"></script>
	<script src="lib/lightbox/js/lightbox.min.js"></script>
	<script src="lib/touchSwipe/jquery.touchSwipe.min.js"></script>
	<!-- Contact Form JavaScript File -->
	<script src="contactform/contactform.js"></script>

	<script src="js/main1.js"></script>

</body>
</html>
